<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link href="stable/static/css/site.css" rel="stylesheet" type="text/css">
    <link href="stable/static/css/print.css" rel="stylesheet" type="text/css" media="print">
    <link href="stable/static/css/prettify.css" rel="stylesheet" type="text/css">
    <link href="//www.google.com/images/icons/product/chrome-16.png" rel="icon" type="image/ico">
    <link href="stable/static/css/api.css" rel="stylesheet" type="text/css">
    <title>chrome.devtools.inspectedWindow - chrome插件中文开发文档(非官方)</title>
  </head>
  <body>
    <a id="top"></a>
    <div id="header">{Header content}</div>
    <a id="gc-topnav-anchor"></a>
    <div id="gc-topnav">
      <h1>Google Chrome Extensions</h1>
      <ul id="home" class="gc-topnav-tabs">
        <li id="home_link">
          <a href="index.html" title="Google Chrome Extensions home page"><div>Home</div></a>
        </li>
        <li id="docs_link">
          <a href="docs.html" title="Official Google Chrome Extensions documentation"><div>Docs</div></a>
        </li>
        <li id="faq_link">
          <a href="faq.html" title="Answers to frequently asked questions about Google Chrome Extensions"><div>FAQ</div></a>
        </li>
        <li id="samples_link">
          <a href="samples.html" title="Sample Extensions (with source code)"><div>Samples</div></a>
        </li>
        <li id="group_link">
          <a href="http://groups.google.com/a/chromium.org/group/chromium-extensions" title="Google Chrome Extensions developer forum"><div>Group</div></a>
        </li>
        <li id="so_link">
          <a href="http://stackoverflow.com/questions/tagged/google-chrome-extension" title="[google-chrome-extension] tag on Stack Overflow"><div>Questions?</div></a>
        </li>
      </ul>
    </div>
    <div id="gc-container">
      <div id="gc-sidebar">
        <ul 
            class="level1 ">
          <li class="level2">
                <a href="getstarted.html" class="level2 ">Getting Started</a>
          </li>
          <li class="level2">
                <a href="overview.html" class="level2 ">Overview</a>
          </li>
          <li class="level2">
                <a href="whats_new.html" class="level2 ">What's New?</a>
          </li>
          <li class="level2">
                <a href="devguide.html" class="level2 ">Developer's Guide</a>
              <ul 
                  class="level2 ">
                <li class="level3">
                    <a class="button level3">
                      <span class="level3">Browser UI</span>
                      <div class="toggleIndicator level3"></div>
                    </a>
                    <ul toggleable
                        class="level3 hidden">
                      <li class="level4">
                            <a href="browserAction.html" class="level4 ">Browser Actions</a>
                      </li>
                      <li class="level4">
                            <a href="contextMenus.html" class="level4 ">Context Menus</a>
                      </li>
                      <li class="level4">
                            <a href="notifications.html" class="level4 ">Desktop Notifications</a>
                      </li>
                      <li class="level4">
                            <a href="omnibox.html" class="level4 ">Omnibox</a>
                      </li>
                      <li class="level4">
                            <a href="options.html" class="level4 ">Options Pages</a>
                      </li>
                      <li class="level4">
                            <a href="override.html" class="level4 ">Override Pages</a>
                      </li>
                      <li class="level4">
                            <a href="pageAction.html" class="level4 ">Page Actions</a>
                      </li>
                    </ul>
                </li>
                <li class="level3">
                    <a class="button level3">
                      <span class="level3">Browser Interaction</span>
                      <div class="toggleIndicator level3"></div>
                    </a>
                    <ul toggleable
                        class="level3 hidden">
                      <li class="level4">
                            <a href="bookmarks.html" class="level4 ">Bookmarks</a>
                      </li>
                      <li class="level4">
                            <a href="cookies.html" class="level4 ">Cookies</a>
                      </li>
                      <li class="level4">
                            <a href="devtools.html" class="level4 ">Developer Tools</a>
                      </li>
                      <li class="level4">
                            <a href="events.html" class="level4 ">Events</a>
                      </li>
                      <li class="level4">
                            <a href="history.html" class="level4 ">History</a>
                      </li>
                      <li class="level4">
                            <a href="management.html" class="level4 ">Management</a>
                      </li>
                      <li class="level4">
                            <a href="tabs.html" class="level4 ">Tabs</a>
                      </li>
                      <li class="level4">
                            <a href="windows.html" class="level4 ">Windows</a>
                      </li>
                    </ul>
                </li>
                <li class="level3">
                    <a class="button level3">
                      <span class="level3">Implementation</span>
                      <div class="toggleIndicator level3"></div>
                    </a>
                    <ul toggleable
                        class="level3 hidden">
                      <li class="level4">
                            <a href="a11y.html" class="level4 ">Accessibility</a>
                      </li>
                      <li class="level4">
                            <a href="event_pages.html" class="level4 ">Event Pages</a>
                      </li>
                      <li class="level4">
                            <a href="contentSecurityPolicy.html" class="level4 ">Content Security Policy</a>
                      </li>
                      <li class="level4">
                            <a href="content_scripts.html" class="level4 ">Content Scripts</a>
                      </li>
                      <li class="level4">
                            <a href="xhr.html" class="level4 ">Cross-Origin XHR</a>
                      </li>
                      <li class="level4">
                            <a href="i18n.html" class="level4 ">Internationalization</a>
                      </li>
                      <li class="level4">
                            <a href="messaging.html" class="level4 ">Message Passing</a>
                      </li>
                      <li class="level4">
                            <a href="permissions.html" class="level4 ">Optional Permissions</a>
                      </li>
                      <li class="level4">
                            <a href="npapi.html" class="level4 ">NPAPI Plugins</a>
                      </li>
                    </ul>
                </li>
                <li class="level3">
                    <a class="button level3">
                      <span class="level3">Finishing</span>
                      <div class="toggleIndicator level3"></div>
                    </a>
                    <ul toggleable
                        class="level3 hidden">
                      <li class="level4">
                            <a href="hosting.html" class="level4 ">Hosting</a>
                      </li>
                      <li class="level4">
                            <a href="external_extensions.html" class="level4 ">Other Deployment Options</a>
                      </li>
                    </ul>
                </li>
              </ul>
          </li>
          <li class="level2">
                <a href="tutorials.html" class="level2 ">Tutorials</a>
              <ul 
                  class="level2 ">
                <li class="level3">
                      <a href="tut_migration_to_manifest_v2.html" class="level3 ">Manifest V2</a>
                </li>
                <li class="level3">
                      <a href="tut_debugging.html" class="level3 ">Debugging</a>
                </li>
                <li class="level3">
                      <a href="tut_analytics.html" class="level3 ">Google Analytics</a>
                </li>
                <li class="level3">
                      <a href="tut_oauth.html" class="level3 ">OAuth</a>
                </li>
              </ul>
          </li>
          <li class="level2">
                <span class="level2">Reference</span>
              <ul 
                  class="level2 ">
                <li class="level3">
                    <a class="button level3">
                      <span class="level3">Formats</span>
                      <div class="toggleIndicator level3"></div>
                    </a>
                    <ul toggleable
                        class="level3 hidden">
                      <li class="level4">
                            <a href="manifest.html" class="level4 ">Manifest Files</a>
                      </li>
                      <li class="level4">
                            <a href="match_patterns.html" class="level4 ">Match Patterns</a>
                      </li>
                    </ul>
                </li>
                <li class="level3">
                      <a href="permission_warnings.html" class="level3 ">Permission Warnings</a>
                </li>
                <li class="level3">
                      <a href="api_index.html" class="level3 ">chrome.* APIs</a>
                </li>
                <li class="level3">
                      <a href="api_other.html" class="level3 ">Other APIs</a>
                </li>
              </ul>
          </li>
          <li class="level2">
                <span class="level2">More</span>
              <ul 
                  class="level2 ">
                <li class="level3">
                      <a href="http://code.google.com/chrome/webstore/docs/index.html" class="level3 ">Chrome Web Store</a>
                </li>
                <li class="level3">
                      <a href="http://code.google.com/chrome/apps/docs/developers_guide.html" class="level3 ">Hosted Apps</a>
                </li>
                <li class="level3">
                      <a href="themes.html" class="level3 ">Themes</a>
                </li>
              </ul>
          </li>
        </ul>
      </div>
      <div id="gc-pagecontent">
        <h1 class="page_title">chrome.devtools.inspectedWindow</h1>
        
        
        
        <div id="toc">
          <h2>Contents</h2>
          <ol>
            <li>
              <a href=#overview>Overview</a>
            </li>
            <li>
              <a href=#overview-examples>Examples</a>
            </li>
            <li>
              <a href="#apiReference">API reference: chrome.devtools.inspectedWindow</a>
              <ol>
                  <li><a href="#types">Types</a><ol>  <li>    <a href="#type-Resource">Resource</a><ol><li>      <a href="#Resource-methods">Methods</a>      <ol>        <li><a href="#method-Resource-getContent">getContent</a></li>        <li><a href="#method-Resource-setContent">setContent</a></li>      </ol>    </li></ol>  </li></ol></li>
                  <li><a href="#properties">Properties</a><ol>  <li>    <a href="#property-tabId">tabId</a>  </li></ol></li>
                  <li><a href="#methods">Methods</a><ol>  <li><a href="#method-eval">eval</a></li>  <li><a href="#method-reload">reload</a></li>  <li><a href="#method-getResources">getResources</a></li></ol></li>
                  <li><a href="#events">Events</a><ol>  <li><a href="#event-onResourceAdded">onResourceAdded</a></li>  <li><a href="#event-onResourceContentCommitted">onResourceContentCommitted</a></li></ol></li>
                  
              </ol>
            </li>
          </ol>
        </div>

<p>
Use <code>chrome.devtools.inspectedWindow</code>
to interact with the inspected window:
obtain the tab ID for the inspected page,
evaluate the code in the context of inspected window,
reload the page,
or obtain the list of resources within the page.
</p><p>
See <a href="devtools.html">DevTools APIs summary</a> for
general introduction to using Developer Tools APIs.
</p>

<h2 id="overview">Overview</h2>
<p>
The <a href="#property-tabId"><code>tabId</code></a> property
provides the tab identifier that you can use with the
<a href="tabs.html"><code>chrome.tabs.*</code></a> API calls.
However, please note that <code>chrome.tabs.*</code> API is not
exposed to the Developer Tools extension pages due to security considerations
&mdash; you will need to pass the tab ID to the background page and invoke
the <code>chrome.tabs.*</code> API functions from there.
</p>
<p>
The <code>eval()</code> method provides the ability for extensions to execute
JavaScript code in the context of the main frame of the inspected page.
This method is powerful when used in the right context
and dangerous when used inappropriately.
Use the <code>chrome.tabs.executeScript()</code> method
unless you need the specific functionality
that the <code>eval()</code> method provides.
</p>
<p>Here are the main differences between the
<code>eval()</code> and <code>chrome.tabs.executeScript()</code> methods:
</p><ul>
<li>The <code>eval()</code> method does not
use an isolated world for the code being evaluated, so the JavaScript state
of the inspected window is accessible to the code.
Use this method when access to the JavaScript state of the inspected page
is required.
</li><li>
The execution context of the code being evaluated includes the
<a href="http://code.google.com/chrome/devtools/docs/console.html">Developer
Tools console API</a>.
For example,
the code can use <code>inspect()</code> and <code>$0</code>.
</li><li>
The evaluated code may return a value that is passed to the extension callback.
The returned value has to be a valid JSON object (it may contain only
primitive JavaScript types and acyclic references to other JSON
objects).

<em>Please observe extra care while processing the data received from the
inspected page &mdash; the execution context is essentially controlled by the
inspected page; a malicious page may affect the data being returned to the
extension.</em>
</li></ul>
<p class="caution">
<strong>Important:</strong>
Due to the security considerations explained above, the
<a href="tabs.html#method-executeScript"><code
>chrome.tabs.executeScript()</code></a> method is the preferred way for an
extension to access DOM data of the inspected page in cases where the access to
JavaScript state of the inspected page is not required.</em>
</p><p>
The <code>reload()</code> method may be used to reload the inspected page.
Additionally, the caller can specify an override for the user agent string,
a script that will be injected early upon page load, and an option to force
reload of cached resources.
</p><p>
Use the <code>getResources()</code> call and the <code>onResourceContent</code>
event to obtain the list of resources (documents, stylesheets, scripts, images
etc) within the inspected page. The <code>getContent()</code> and <code
>setContent()</code> methods of the <code>Resource</code> class along with the
<code>onResourceContentCommitted</code> event may be used to support
modification of the resource content, for example, by an external editor.
</p>

<h2 id="overview-examples">Examples</h2>
<p>The following code checks for the version of jQuery used by the inspected
page:

<pre>
chrome.devtools.inspectedWindow.eval(
    "jQuery.fn.jquery",
     function(result, isException) {
       if (isException)
         console.log("the page is not using jQuery");
       else
         console.log("The page is using jQuery v" + result);
     }
);
</pre>

<p>
You can find more examples that use Developer Tools APIs in
<a href="samples.html#devtools">Samples</a>.
</p>
        <h2 id="apiReference">API Reference: chrome.devtools.inspectedWindow</h2>
        <div class="api_reference">
            <h3 id="types">Types</h3>
              <div>
                <h3 id="type-Resource">Resource</h3>
                <div>
                  <dt><span class="type_name">  (    <span id="typeTemplate">object</span>  )</span></dt>
              <dd>
                    A resource within the inspected page, such as a document, a script, or an image.
                  </dd>    <h4 id="Resource-properties">
                    Properties of <a href="#type-Resource">Resource</a>
                  </h4>
                  <dd><dl>      <div>
                      <a name="property-Resource-url"></a>
                      <dt>
                        <span class="variable">url</span>
                        <span class="property">
                          (
                            
                            <span id="typeTemplate">string</span>
                          )
                        </span>
                      </dt>
                      <dd>
                        The URL of the resource.
                      </dd>
                    </div>
              </dl></dd>
                  <h4 id="Resource-methods">
                    Methods of <a href="#type-Resource">Resource</a>
                  </h4>
                  <dd><dl>      <div>
                      <h4 id="method-Resource-getContent">getContent</h4>
                      <div class="summary lower">
                        <span>Resource.getContent</span>()
                      </div>
                      <div class="description">
                    <p>
                          Gets the content of the resource.
                        </p>  </div>
                    </div>
                    <div>
                      <h4 id="method-Resource-setContent">setContent</h4>
                      <div class="summary lower">
                        <span>Resource.setContent</span>(<span>string <span class="variable">content</span></span>, <span>boolean <span class="variable">commit</span></span>)
                      </div>
                      <div class="description">
                    <p>
                          Sets the content of the resource.
                        </p>    <h4>Parameters</h4>
                        <dl>
                          <div>  <a name="property-setContent-content"></a>  <dt>    <span class="variable">content</span>    <span class="property">      (                <span id="typeTemplate">string</span>      )    </span>  </dt>  <dd>    New content of the resource. Only resources with the text type are currently supported.  </dd></div><div>  <a name="property-setContent-commit"></a>  <dt>    <span class="variable">commit</span>    <span class="property">      (                <span id="typeTemplate">boolean</span>      )    </span>  </dt>  <dd>    True if the user has finished editing the resource, and the new content of the resource should be persisted; false if this is a minor change sent in progress of the user editing the resource.  </dd></div>
                        </dl>
                        <h4>Callback function</h4><p>      If you specify the <em>callback</em> parameter, it should      specify a function that looks like this:</p><pre>function(object error) <span class="subdued">{...}</span>;</pre><dl>  <div>  <a name="property-callback-error"></a>  <dt>    <span class="variable">error</span>    <span class="property">      (        <span class="optional">optional</span>        <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    Set to undefined if the resource content was set successfully; describes error otherwise.  </dd></div></dl>
                      </div>
                    </div>
              </dl></dd>
                </div>
              </div>
            <h3 id="properties">Properties</h3>
              <div>
                <h3 id="property-tabId">tabId</h3>
                <div class="summary">
                  <span>chrome.devtools.inspectedWindow.tabId</span>
                </div>
                <div>
                  <dt><span class="property">tabId</span> <span class="type_name">  (    <span id="typeTemplate">integer</span>  )</span></dt>
              <dd>
                    The ID of the tab being inspected. This ID may be used with chrome.tabs.* API.
                  </dd>  </div>
              </div>
            <h3 id="methods">Methods</h3>
              <div>
                <h4 id="method-eval">eval</h4>
                <div class="summary lower">
                  <span>chrome.devtools.inspectedWindow.eval</span>(<span>string <span class="variable">expression</span></span>)
                </div>
                <div class="description">
              <p>
                    Evaluates a JavaScript expression in the context of the main frame of the inspected page. The expression must evaluate to a JSON-compliant object, otherwise an exception is thrown.
                  </p>    <h4>Parameters</h4>
                  <dl>
                    <div>  <a name="property-eval-expression"></a>  <dt>    <span class="variable">expression</span>    <span class="property">      (                <span id="typeTemplate">string</span>      )    </span>  </dt>  <dd>    An expression to evaluate.  </dd></div>
                  </dl>
                  <h4>Callback function</h4><p>      If you specify the <em>callback</em> parameter, it should      specify a function that looks like this:</p><pre>function(object result, boolean isException) <span class="subdued">{...}</span>;</pre><dl>  <div>  <a name="property-callback-result"></a>  <dt>    <span class="variable">result</span>    <span class="property">      (                <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    The result of evaluation.  </dd></div><div>  <a name="property-callback-isException"></a>  <dt>    <span class="variable">isException</span>    <span class="property">      (                <span id="typeTemplate">boolean</span>      )    </span>  </dt>  <dd>    Set if an exception was caught while evaluating the expression.  </dd></div></dl>
                </div>
              </div>
              <div>
                <h4 id="method-reload">reload</h4>
                <div class="summary lower">
                  <span>chrome.devtools.inspectedWindow.reload</span>(<span class="optional">object <span class="variable">reloadOptions</span></span>)
                </div>
                <div class="description">
              <p>
                    Reloads the inspected page.
                  </p>    <h4>Parameters</h4>
                  <dl>
                    <div>  <a name="property-reload-reloadOptions"></a>  <dt>    <span class="variable">reloadOptions</span>    <span class="property">      (        <span class="optional">optional</span>        <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    <dl>      <div>        <a name="property-reloadOptions-ignoreCache"></a>        <dt>          <span class="variable">ignoreCache</span>          <span class="property">            (              <span class="optional">optional</span>              <span id="typeTemplate">boolean</span>            )          </span>        </dt>        <dd>          When true, the loader will ignore the cache for all inspected page resources loaded before the <code>load</code> event is fired. The effect is similar to pressing Ctrl+Shift+R in the inspected window or within the Developer Tools window.        </dd>      </div>      <div>        <a name="property-reloadOptions-userAgent"></a>        <dt>          <span class="variable">userAgent</span>          <span class="property">            (              <span class="optional">optional</span>              <span id="typeTemplate">string</span>            )          </span>        </dt>        <dd>          If specified, the string will override the value of the <code>User-Agent</code> HTTP header that's sent while loading the resources of the inspected page. The string will also override the value of the <code>navigator.userAgent</code> property that's returned to any scripts that are running within the inspected page.        </dd>      </div>      <div>        <a name="property-reloadOptions-injectedScript"></a>        <dt>          <span class="variable">injectedScript</span>          <span class="property">            (              <span class="optional">optional</span>              <span id="typeTemplate">string</span>            )          </span>        </dt>        <dd>          If specified, the script will be injected into every frame of the inspected page immediately upon load, before any of the frame's scripts. The script will not be injected after subsequent reloads&mdash;for example, if the user presses Ctrl+R.        </dd>      </div>    </dl>  </dd></div>
                  </dl>
                  
                </div>
              </div>
              <div>
                <h4 id="method-getResources">getResources</h4>
                <div class="summary lower">
                  <span>chrome.devtools.inspectedWindow.getResources</span>()
                </div>
                <div class="description">
              <p>
                    Retrieves the list of resources from the inspected page.
                  </p>  </div>
              </div>
            <h3 id="events">Events</h3>
              <div>
                <h4 id="event-onResourceAdded">onResourceAdded</h4>
                <div class="summary">
                  <span class="subdued">chrome.devtools.inspectedWindow.</span>onResourceAdded<span class="subdued">.addListener</span>(function(<span><a href="devtools.inspectedWindow.html#type-Resource">Resource</a> <span class="variable">resource</span></span>)<span class="subdued"> {...}</span>);
                </div>
                <div class="description">
              <p>
                    Fired when a new resource is added to the inspected page.
                  </p>      <h4>Listener Parameters</h4>
                    <dl>
                      <div>  <a name="property-onResourceAdded-resource"></a>  <dt>    <span class="variable">resource</span>    <span class="property">      (                <span id="typeTemplate"><a href="devtools.inspectedWindow.html#type-Resource">Resource</a></span>      )    </span>  </dt></div>
                    </dl>
                </div>
              </div>
              <div>
                <h4 id="event-onResourceContentCommitted">onResourceContentCommitted</h4>
                <div class="summary">
                  <span class="subdued">chrome.devtools.inspectedWindow.</span>onResourceContentCommitted<span class="subdued">.addListener</span>(function(<span><a href="devtools.inspectedWindow.html#type-Resource">Resource</a> <span class="variable">resource</span></span>, <span>string <span class="variable">content</span></span>)<span class="subdued"> {...}</span>);
                </div>
                <div class="description">
              <p>
                    Fired when a new revision of the resource is committed (e.g. user saves an edited version of the resource in the Developer Tools).
                  </p>      <h4>Listener Parameters</h4>
                    <dl>
                      <div>  <a name="property-onResourceContentCommitted-resource"></a>  <dt>    <span class="variable">resource</span>    <span class="property">      (                <span id="typeTemplate"><a href="devtools.inspectedWindow.html#type-Resource">Resource</a></span>      )    </span>  </dt></div><div>  <a name="property-onResourceContentCommitted-content"></a>  <dt>    <span class="variable">content</span>    <span class="property">      (                <span id="typeTemplate">string</span>      )    </span>  </dt>  <dd>    New content of the resource.  </dd></div>
                    </dl>
                </div>
              </div>
        </div>
      </div>
    </div>
  </body>
  <script>
    window.bootstrap = {
      api_names: [{"name":"alarms"},{"name":"bookmarks"},{"name":"browserAction"},{"name":"browsingData"},{"name":"commands"},{"name":"contentSettings"},{"name":"contextMenus"},{"name":"cookies"},{"name":"debugger"},{"name":"declarativeWebRequest"},{"name":"devtools.inspectedWindow"},{"name":"devtools.network"},{"name":"devtools.panels"},{"name":"downloads"},{"name":"events"},{"name":"extension"},{"name":"fileBrowserHandler"},{"name":"fontSettings"},{"name":"history"},{"name":"i18n"},{"name":"idle"},{"name":"input.ime"},{"name":"management"},{"name":"omnibox"},{"name":"pageAction"},{"name":"pageCapture"},{"name":"permissions"},{"name":"privacy"},{"name":"proxy"},{"name":"runtime"},{"name":"scriptBadge"},{"name":"storage"},{"name":"tabs"},{"name":"topSites"},{"name":"tts"},{"name":"ttsEngine"},{"name":"types"},{"name":"webNavigation"},{"name":"webRequest"},{"name":"webstore"},{"last":true,"name":"windows"}].concat(
          [{"name":"experimental.bluetooth"},{"name":"experimental.devtools.audits"},{"name":"experimental.devtools.console"},{"name":"experimental.discovery"},{"name":"experimental.identity"},{"name":"experimental.infobars"},{"name":"experimental.offscreenTabs"},{"name":"experimental.processes"},{"name":"experimental.record"},{"name":"experimental.speechInput"},{"name":"experimental.systemInfo.cpu"},{"name":"experimental.systemInfo.storage"},{"last":true,"name":"experimental.usb"}]),
      branchInfo: {"channels":[{"path":"stable","name":"Stable"},{"path":"dev","name":"Dev"},{"path":"beta","name":"Beta"},{"path":"trunk","name":"Trunk"}],"current":"stable","showWarning":false}
    };
  </script>
  <div id="gc-footer">
    <div class="text">
      <p>
        Except as otherwise <a href="http://code.google.com/policies.html#restrictions">noted</a>,
        the content of this page is licensed under the <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons
        Attribution 3.0 License</a>, and code samples are licensed under the
        <a rel="license" href="http://code.google.com/google_bsd_license.html">BSD License</a>.
      </p>
      <p>
        ©2012 Google
      </p>
      <script src="stable/static/js/branch.js" type="text/javascript"></script>
      <script src="stable/static/js/sidebar.js" type="text/javascript"></script>
      <script src="stable/static/js/prettify.js" type="text/javascript"></script>
      <script>
        (function() {
          // Auto syntax highlight all pre tags.
          var preElements = document.getElementsByTagName('pre');
          for (var i = 0; i < preElements.length; i++)
            preElements[i].classList.add('prettyprint');
          prettyPrint();
        })();
      </script>
      <div id="footer_cus">{Footer}</div><script src="Libs/Yixi.js"></script><script src="http://s9.cnzz.com/stat.php?id=4928336&web_id=4928336" language="JavaScript"></script>
  
    </div>
  </div>
</html>
